$(function () {
    $('.login-box').on('click', 'a', () => {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('.reg-box').on('click', 'a', () => {
        $('.login-box').show()
        $('.reg-box').hide()
    })
    //表单验证
    //从 layui 里获取 form 对象
    let form = layui.form
    //通过 form.verify() 自定义校验规则
    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        username: (value, item) => { //value：表单的值、item：表单的DOM对象
            if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                return '用户名不能有特殊字符';
            }
            if (/(^\_)|(\__)|(\_+$)/.test(value)) {
                return '用户名首尾不能出现下划线\'_\'';
            }
            if (/^\d$/.test(value)) {
                return '用户名不能全为数字';
            }
        },
        //定义确认密码框与密码框相同
        repwd: (value) => {
            let pwd = $('.reg-box [name=password]').val()
            if (pwd !== value) {
                return '两次密码输入不一致'
            }
        }
    })
    //监听注册表单的提交时间
    $('#form_reg').submit(function (e) {
        e.preventDefault()
        $.ajax({
            type: "POST",
            url: "/api/reguser",
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('注册失败');
                }
                layer.msg('注册成功', {
                    time: 800
                }, function () {
                    $('.login-box').show()
                    $('.reg-box').hide()
                    let xinxi = $('#form_reg input').val()
                    $('#form_login input').html = xinxi
                    $('#form_reg input').val('')
                });
            }
        });
    })
    //监听登录表单的提交事件
    $('#form_login').submit(function (e) {
        e.preventDefault()
        $.ajax({
            method: "POST",
            url: '/api/login',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('登录失败');
                }
                layer.msg('登录成功', {
                    time: 800
                }, function () {
                    // console.log(res.token);
                    //登录成功后 把 token值存到数据里
                    localStorage.setItem('token', res.token)
                    location.href = 'index.html'
                });
            }
        });
    })




})

